@import '~antd/lib/style/index.less';
@import 'variables.less';
//@import './tree-select-group-dependence.less';

.treeSelectGroup {
    display: block;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-top-width: 1.02px;
    border-radius: 4px;
    min-width: 120px;
    .selectionItem {
        position: relative;
        display: flex;
        flex: none;
        box-sizing: border-box;
        max-width: 100%;
        white-space: nowrap;

        height: @select-multiple-item-height;
        margin-top: @select-multiple-item-spacing-half;
        margin-bottom: @select-multiple-item-spacing-half;
        line-height: @select-multiple-item-height - @select-multiple-item-border-width * 2;
        background: @select-selection-item-bg;
        border: 1px solid @select-selection-item-border-color;
        border-radius: @border-radius-base;
        cursor: default;
        transition: font-size 0.3s, line-height 0.3s, height 0.3s;
        user-select: none;
        margin-inline-end: @input-padding-vertical-base;
        padding-inline-start: @padding-xs;
        padding-inline-end: (@padding-xs / 2);

        .selectionItemDisabled {
            color: @select-multiple-item-disabled-color;
            border-color: @select-multiple-item-disabled-border-color;
            cursor: not-allowed;
        }

        // It's ok not to do this, but 24px makes bottom narrow in view should adjust
        .selectionItemContent,
        .selectionItemCount {
            display: inline-block;
            margin-right: (@padding-xs / 2);
            overflow: hidden;
            white-space: pre; // fix whitespace wrapping. custom tags display all whitespace within.
            text-overflow: ellipsis;
        }

        .selectionItemRemove {
            .iconfont-mixin();
            display: inline-block;
            color: @text-color-secondary;
            font-weight: bold;
            font-size: 10px;
            line-height: @select-multiple-item-height - @select-multiple-item-border-width * 2 !important;
            cursor: pointer;

            &:hover {
                color: @icon-color-hover;
            }
        }
    }
}

.treeSelectGroupCheckboxGroup {
    max-height: 240px;
    overflow: auto;
    & > label {
        display: block;
        margin: 4px 0 !important;
    }
}

.popoverTitle {
    font-size: 14px;
    font-weight: bold;
    border-bottom: solid 1px #ddd;
    margin-bottom: 8px;
    padding-bottom: 8px;
}

.treeSelectDropdown {
    overflow: auto;
}
.treeNode {
    padding-bottom: 7px;
}
